<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link rel="stylesheet" type="text/css" href="/mobile/css/base.css"/>
<script type="text/javascript" src="/common/js/zepto.js"></script>
<script type="text/javascript" src="/mobile/scripts/context.js" ></script>
<script type="text/javascript" src="/app/scripts/common_lib.js"></script>
<title></title>
<style type="text/css">
 body{ margin:0; padding:0;}
.addWrap{ position:relative; width:100%;background:#333;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute; bottom:0; right:0; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:center;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#ff3f40;}
.img-responsive { display: block; max-width: 100%;  height: auto;}
</style>
</head>
<body>
	<div class="addWrap">
	  <div class="swipe" id="mySwipe">
	    <div class="swipe-wrap">
	      <div><a href="/products.php?pid=41&partnerID=0" target="_parent"><img class="img-responsive" src="/mobile/images/eye00.png"/></a></div>
	      <div><a href="/ProGroup/?GroupID=7&partnerID=0" target="_parent"><img class="img-responsive" src="/mobile/images/longxia.png"/></a></div>
	      <div><a href="/products.php?pid=44&partnerID=0" target="_parent"><img class="img-responsive" src="/mobile/images/sanwenyu.png"/></a></div>
	    </div>
	  </div>
	  <ul id="position">
	    <li class="cur"></li>
	    <li class=""></li>
	    <li class=""></li>
	  </ul>
	</div>
</body>
<script src="scripts/swipe.js"></script> 
<script type="text/javascript">
var bullets = document.getElementById('position').getElementsByTagName('li');
var banner = Swipe(document.getElementById('mySwipe'), {
	auto: 3000,
	continuous: true,
	disableScroll:false,
	callback: function(pos) {
		var i = bullets.length;
		while (i--) {
		  bullets[i].className = ' ';
		}
		bullets[pos].className = 'cur';
	}
});

</script>
</html>